<template>
	<div class="cs-container">
		<div class="cs-title clear">
			<div class="left">vuex</div>
			<div class="right"></div>
		</div>
		<div class="cs-content cs-table">
            <p>
                vuex是专门用来管理vue.js应用程序中状态的一个插件。
                他的作用是将应用中的所有状态都放在一起，
                集中式来管理。需要声明的是，这里所说的状态指的是vue组件中data里面的属性。
            </p>
            <p>
                Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
                它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
            </p>
            <p> 
                只能在mutaions里修改state，actions不能直接修改state
                <br>
                不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。
                <br>
                输入数据：this.$stoe.commit('mutations.key', ...);
                <br>
                输出数据：this.$store.state.key;

            </p>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'ui',	
		data() {
			return {
                
			}
		},
		mounted() {
		},
		methods: {
			
		}
	}
</script>

<style>

</style>